:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;


--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;
}

/*Utilities*/
@font-face {
    font-family: nexa-bold;
    src: url(/fileupload/Nexa_Bold.otf);
}
@font-face {
    font-family: roboto-medium;
    src: url(/fileupload/Roboto-Medium.ttf);
}
@font-face {
    font-family: roboto-regular;
    src: url(/fileupload/Roboto-Regular.ttf);
}
@font-face {
    font-family: roboto-light;
    src: url(/fileupload/Roboto-Light.ttf);
}

h1, h2, h3{
    font-family: nexa-bold;
}
h4, h5, h6{
    font-family: roboto-medium;
}
a{
    font-family: roboto-regular;
}
p, span{
    font-family: roboto-light;
}
#body{
    background-color: #F2F2F2;
}
.page-content .content-container .customer-pages{
  margin-top: 50px;
}
.page-content{
    margin-top: 0px;
}
.product-search{
    margin-bottom: 5px;
}
.header-background{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 150px;
    background: #515151;
}
.logged-in-info-text {
  color: #fff;
}
@media (min-width: 1024px){
    .logged-in-info-text {
        bottom: 12px;
        font-size: .8rem;
    }
}
.menu-bar{
  background-color: #515151;
}
.menu-bar-item-label{
  color: #fff;
}
.header-wrapper.fixed .minibasket-sum-value{
  color: #515151;
}
.menu-bar-item-label:hover{
    color: #22A68D;
}
.quote-page__button-info{
  width: 100%;
  display: inline-block;
  text-align: right;
  position: relative;
  top: 5px;
  font-weight: bold;
}
@media (min-width: 640px){
  .quote-page__button-info{
    width: 87%;
  }
}

.header-wrapper .row.header .logo-container .header-logo {
margin: 20px;
cursor: pointer;
max-height: 70px;
}

.minibasket .minibasket-icon{
    background-color: #22A68D;
}
.menu-bar-item a{
    font-family: roboto-medium !important;
}
.minibasket-sum{
  color: #fff;
}
.minibasket .minibasket-icon{
  background-color: #515151;
}
.section.small-12:nth-child(2) {
    width: 100%;
    margin: 30px 0px;
}

/*Produkt profileringarna startsida*/
@media (min-width: 640px){
    .promotion-item{
        padding: 20px 40px;
    }
    .promotion-item .promotion-item-bar {
        bottom: 20px;
        width: 88%;
    }
}
/*Produktsidan*/
.product-card{
    overflow: hidden;
}
.product-card-actions{
    right: 10px;
}
.product-card .row {
    background: white !important;
    padding: 20px;
}
.ag-breadcrumbs{
    margin: -8px 0 -10px -20px;
}
.lightgallery{
    border: none;
}

/*Produktlistsidan*/
.product-list-category-selected>a{
  background-color: #515151 !important;
  color: #515151;
}
.product-list-category-selected>.product-list-category-button{
  background-color: #515151 !important;
  color: #fff !important;
}
 div.product-list-category.product-list-category-selected>a{
  background-color: #515151 !important;
  color: #fff !important;
}
.product-list-category-button{
  color: #515151;
  border: 1px solid #c5c0c0;
}
.product-list-category-button:hover{
  background-color: #515151;
  color: #fff !important;
}
.product-list-category-button,
.product-list-category-button:focus,
.product-list-category-button:hover {
	color: #515151;
}
.pagination .current{
  background-color: #515151;
}

/*Other things*/
 .quote-view .buy-button{
  float: right;
}
/*footer*/
.content-footer-wrapper img{
    max-width: 40% !important;
    margin: 20px 0;
}
@media (min-width: 640px){
    .content-footer-wrapper img{
        max-width: 70% !important;
    }
}
.content-footer-wrapper li{
    vertical-align: top;
}

/*Styling for contact us page*/
.grid-contactus{
  margin: 50px 0 50px 20px;
  width: 1000px;
}
.grid-contactus > div{
  display: inline-block;
  width: 48%;
  margin: 10px 0;
  vertical-align: top;
}
.grid-contactus > div span{
  display: block;
}

.grid-contactus > div span{
  display: block;
}